@charset "UTF-8";
@use "@/style/main.scss";
@use "@/style/reset";
@tailwind base;
@tailwind components;
@tailwind utilities;
.a-page-dinggao {
  height: calc(100vh - 40px - 300px);
  overflow: hidden;
}

.el-button {
  font-weight: 400;
  border-radius: 2px;
}

.gva-pagination {
  @apply flex justify-end;
}

.gva-pagination .el-pagination__editor .el-input__inner {
  @apply h-8;
}

.gva-pagination .is-active {
  @apply rounded text-white;
  background: var(--el-color-primary);
  color: #ffffff !important;
}

.el-drawer__header {
  margin-bottom: 0 !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  @apply border-0 border-b border-solid border-gray-200;
}

.el-form--inline .el-form-item > .el-input,
.el-form--inline .el-form-item .el-cascader,
.el-form--inline .el-form-item .el-select,
.el-form--inline .el-form-item .el-date-editor,
.el-form--inline .el-form-item .el-autocomplete {
  @apply w-52;
}

.el-dropdown {
  @apply overflow-hidden;
}

.el-table tr th {
  @apply dark:bg-slate-900;
}

.el-table tr th .cell {
  @apply leading-[36px] text-gray-700 dark:text-gray-200;
}

.el-table .el-table__row td {
  @apply dark:bg-slate-900;
}

.el-table .el-table__row td .cell {
  @apply leading-[32px] text-gray-600 dark:text-gray-300;
}

.el-table tr th.is-leaf {
  @apply dark:bg-slate-900;
}

.el-pagination {
  @apply mt-8;
}

.el-pagination .btn-prev,
.el-pagination .btn-next {
  @apply border border-solid border-gray-300 dark:border-gray-700 rounded;
}

.el-pagination .el-pager li {
  @apply border border-solid border-gray-300 dark:border-gray-600 rounded text-gray-600 text-sm mx-1;
}

.el-menu li {
  @apply my-1;
}

.el-menu--vertical .el-menu-item {
  border-radius: 2px;
}

.el-menu--vertical .el-menu-item.is-active {
  background-color: var(--el-color-primary) !important;
  color: #fff !important;
}

.el-sub-menu.el-sub-menu__hide-arrow {
  height: 44px;
}

.el-tabs__header {
  margin: 0 0 1px !important;
}

.el-sub-menu.is-active > .el-sub-menu__title {
  color: var(--el-color-primary) !important;
}

.el-sub-menu__title.el-tooltip__trigger,
.el-menu-item .el-menu-tooltip__trigger {
  justify-content: center;
}

.el-menu--horizontal .el-menu .el-sub-menu__title {
  justify-content: flex-start;
}

html.dark {
  /* 自定义深色背景颜色 */
  --el-bg-color: #1e293b;
  --el-bg-color-overlay: #283345;
  --el-fill-color-light: #0f172a;
  --el-fill-color: #0f172a;
}
